<div *ngIf="hero" class="heroDtail">

    <!-- Details -->
    <h2>{{hero.name | uppercase}} Details</h2>
    <div><span>id: </span>{{hero.id}}</div>
    <!-- id + Message -->
    <div><span>evaluation: </span>{{hero.evaluation}}</div>
    <!--  -->
    <div>
      <label for="hero-name">Hero name: </label>
      <input id="hero-name" [(ngModel)]="hero.name" placeholder="name">
    </div>
  </div>